/**
 *
 *  zhx-ring-buttons scss
 *  Author: Vicco Wang
 *  Date: 2016-09-26
 * 
 */
@mixin frame-transition($wt: all, $sec: .3s) {
  -webkit-transition: $wt $sec ease 0s;
  -moz-transition: $wt $sec ease 0s;
  transition: $wt $sec ease 0s;
}

@mixin no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@mixin use-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex-align-center {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}

@mixin flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.zhx-ring-btn-wrap{
	position:fixed;
	width:1px;height:1px;
}
.zhx-ring-btn{
	position:fixed;
	@include use-flex;
	@include flex-align-center;
	@include no-select;
	z-index:999;
	color:#fff;
  opacity: 0;
  font-size:1.4em !important;
  font-weight:normal;
	background-color:#E91E63;
	// border:2px solid #F8BBD0;
	border-radius:500px;
	cursor:default;
	box-shadow:0 11px 10px #BDBDBD;
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);   /* IE 9 */
  -moz-transform:rotateY(180deg);  /* Firefox */
  -webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
  -o-transform:rotateY(180deg);  /* Opera */
	-webkit-transition:all .3s ease-in-out 0s;
}